<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
<div class="login">
    <h1 class="top">系统</h1>
    <div class="bottom">
        <form action="">
            <div class="username">
                <input type="text" placeholder="请输入用户名/手机号" value="请输入用户名/手机号">
                <img src="img/icon_people.png" alt="">
            </div>
            <div class="username">
                <input type="text" placeholder="请输入密码" value="请输入密码">
                <img src="img/icon_password.png" alt="">
            </div>
            <ul class="clearfix">
                <li class="ul1">
                    <input type="checkbox">
                    下次自动登录
                </li>
                <li class="ul2">
                    忘记密码
                </li>
            </ul>
            <input type="submit" value="登录">
        </form>
        <p>还没注册?<a href="#">立刻注册</a></p><div class="panel-footer">
        <span>社交账号登录:  </span>
        <img src="img/sina.png">
        <img src="img/weixin.png">
        <img src="img/qq.png">
    </div>
    </div>


</div>
</body>
</html>